<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>上传文件</title>
    <style>
        header {
            display: flex;
            justify-content: center;
        }

        .div_fu {
            display: flex;
            justify-content: center;
        }
    </style>
</head>

<body>
    <header>
        <h1>上传文件</h1>
    </header>
    <div class="div_fu">
        <form action="/upload" method="post" enctype="multipart/form-data">
            <!-- csrf验证 -->
            {% csrf_token %}
            <input type="file" name="files" id="files">
            <input type="submit" value="上传">
        </form>
    </div>
    <div>
        <img src="/static/files/{{a_file.name}}" alt="没有">
    </div>
    <div>
        <span>{{info}}</span>
    </div>
</body>

</html>